.active_new_item {
  width: rem(656);
  height: rem(200); background-color: #FFFFFF;
  margin:rem(20) auto 0;
  padding: rem(30);
  .new_item {
    position: relative;
    padding-left: rem(227);
    .product_img {
      width: rem(200); height: rem(200); object-fit: fill; left: 0;
      position: absolute;
      // border: 1px solid red;
    }
    .product_info {
      max-width: rem(440);
      h3 {
        color: #17273A; font-size: rem(28);
        height: rem(40); line-height: rem(40);
        display: block;
        overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
      }
      .prd_tips {
        max-width: rem(440); height:rem(28); font-size:rem(20); line-height:rem(28); margin-top: rem(6);
        color: #999999;
        overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
      }
      .price {
        margin-top: rem(17); position: relative;
        .new_price {
          font-size: rem(32); color: #E91F3F;
        }
        .old_price {
          padding-left: rem(8);
          em {
            font-size: rem(20); color: #999999;
            padding-left: rem(8); text-decoration:line-through;
          }
          &:before {
            content: '/'; text-decoration: none;
            font-size: rem(26); color: #999999;
          }
        }
      }
      .vip_price {
        margin-top: rem(17); position: relative;
        .price {
          font-size: rem(24); color: #999999;
        }
        .save_price {
          padding-left: rem(8);
          em {
            font-size: rem(32); color: #E91F3F;
            padding-left: rem(8);
          }
          &:before {
            content: '/'; text-decoration: none;
            font-size: rem(26); color: #999999;
          }
        }
      }
      .product_bottom {
        margin-top: rem(19);
        width: rem(440);
        @extend .p-clear-float;
        .progress {
          width: rem(130); float: left;
          p {
            font-size: rem(20); color: #999999; text-align: center;
          }
          span {
            width: rem(128); height: rem(8);
            background: #E5E5E5; display: block; border-radius:rem(15); margin-top: rem(4);
            em {
              background: #E91F3F; display: block; height: rem(8);border-radius:rem(15);
            }
          }
        }
        .btns {
          float: right;
          span {
            width:rem(130); height:rem(50); background:rgba(233,31,63,1); border-radius:rem(22);
            display: table; line-height: rem(50); color: #fff; text-align: center; float: left;
            &:last-child {
              margin-left: rem(30);
            }
            &.province {
              background:linear-gradient(220deg,rgba(236,216,182,1) 0%,rgba(213,176,127,1) 100%);
            }
            &.buy {
              width: rem(130);
            }
          }
        }
      }
    }
  }
}
